<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">           
    <h:head> 
        <!--
                Charisma v1.0.0

                Copyright 2012 Muhammad Usman
                Licensed under the Apache License v2.0
                http://www.apache.org/licenses/LICENSE-2.0

                http://usman.it
                http://twitter.com/halalit_usman
        -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Login</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <!-- The styles -->
        <link rel="shortcut icon" href="img/progressao.png" ></link>
        <link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet"></link> 
        <style type="text/css">
          body {
                padding-bottom: 40px;
          }
          .sidebar-nav {
                padding: 9px 0;
          }
        </style>
        <link href="css/bootstrap-responsive.css" rel="stylesheet"></link> 
        <link href="css/charisma-app.css" rel="stylesheet"></link> 

        <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
        <![endif]-->

        <!-- The fav icon -->
        <link rel="shortcut icon" href="img/favicon.ico"></link> 
        <script type="text/javascript" src="js/md5-min.js">
        </script>          
    <script type="text/javascript">           

        function envia() {                                                    
                                                                
                   if (!document.getElementById("j_username").value == ''){
                    if(!false){
                     var pass = document.getElementById("j_password").value;
                     var md5 = hex_md5(pass);              
                     document.getElementById("j_password").value = md5;
                     
                    }
                   } 
        }                              
     </script>        
                
</h:head> 

<h:body onload='document.formLogin.j_username.focus();'>       
        
                <div class="container-fluid">
                <div class="row-fluid">
                
                        <div class="row-fluid">
                                <div class="span12 center login-header">
                                        <h2> Bem vindo ao Folha Web! </h2>
                                </div><!--/span-->
                        </div><!--/row-->
                        
                        <div class="row-fluid">
                                <div class="well span5 center login-box">
                                        <div class="alert alert-info">
                                                Por favor entre com seu Login e Senha.
                                        </div>
                                    <form id="formLogin" name="formLogin" class="form-horizontal" action="j_spring_security_check" method="post" prependId="false">                                                                                
                                        
                                                <fieldset>
                                                        <div class="input-prepend" title="Usuário" data-rel="tooltip">
                                                            <span class="add-on"><i class="icon-user"></i></span><input class="input-large span10" name="j_username" id="j_username" type="text" required="true"/>
                                                        </div>
                                                        <div class="clearfix"></div>

                                                        <div class="input-prepend" title="Senha" data-rel="tooltip">
                                                            <span class="add-on"><i class="icon-lock"></i></span><input class="input-large span10" name="j_password" id="j_password" type="password" />
                                                        </div>
                                                        <div class="clearfix"></div>

                                                        <p class="center span5">
                                                        <button type="submit" onclick="envia();" title="Clique Para Acessar"  class="btn btn-primary">Acessar</button>                                                        
                                                        </p>
                                                </fieldset>
                                        </form>
                                </div><!--/span-->
                        </div><!--/row-->
                                </div><!--/fluid-row-->
                
        </div><!--/.fluid-container-->

        <!-- external javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->

        <!-- application script for Charisma demo -->
        
</h:body> 
<HEAD>
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE"/>
</HEAD>        
</html>